<div id="main">
  <h1>用户管理</h1>
  <nz-divider></nz-divider>
  <div>
    <nz-table
      [nzData]="users"
      (nzCurrentPageDataChange)="onCurrentPageDataChange($event)"
      [nzShowPagination]="true"
    >
      <thead>
      <tr>
        <th
          [(nzChecked)]="checked"
          (nzCheckedChange)="onAllChecked($event)"
          [nzIndeterminate]="indeterminate"
        ></th>
        <th>账号</th>
        <th>昵称</th>
        <th>注册邮箱</th>
      </tr>
      </thead>
      <tbody>
      <tr *ngFor="let user of users">
        <td
          [nzChecked]="setOfCheckedId.has(user.id)"
          (nzCheckedChange)="onItemChecked(user.id,$event)"
        ></td>
        <td>{{user.id}}</td>
        <td>{{user.name}}</td>
        <td>{{user.email}}</td>
      </tr>
      </tbody>
    </nz-table>
  </div>
</div>
